<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:b="http://bootsfaces.net/ui"
      >
    <h:body>
    	
    	<ui:composition template="../../template/common/commonLayout.xhtml">
    	
    		<ui:define name="content">
    			
                        <b:container>
                            <b:row>
                                <b:column>
                                    <legend>Nuevo Producto</legend>
                                    
                                    <form class="form-horizontal">
                                        <fieldset>
                                          <legend>Legend</legend>
                                          <div class="form-group">
                                            <label for="inputEmail" class="col-lg-2 control-label">Email</label>
                                            <div class="col-lg-10">
                                              <input class="form-control" id="inputEmail" placeholder="Email" type="text" />
                                            </div>
                                          </div>
                                          <div class="form-group">
                                            <label for="inputPassword" class="col-lg-2 control-label">Password</label>
                                            <div class="col-lg-10">
                                              <input class="form-control" id="inputPassword" placeholder="Password" type="password" />
                                              <div class="checkbox">
                                                <label>
                                                  <input type="checkbox"/> Checkbox
                                                </label>
                                              </div>
                                            </div>
                                          </div>
                                          <div class="form-group">
                                            <label for="textArea" class="col-lg-2 control-label">Textarea</label>
                                            <div class="col-lg-10">
                                              <textarea class="form-control" rows="3" id="textArea"></textarea>
                                              <span class="help-block">A longer block of help text that breaks onto a new line and may extend beyond one line.</span>
                                            </div>
                                          </div>
                                          <div class="form-group">
                                            <label class="col-lg-2 control-label">Radios</label>
                                            <div class="col-lg-10">
                                              <div class="radio">
                                                <label>
                                                  <input name="optionsRadios" id="optionsRadios1" value="option1" checked="" type="radio" />
                                                  Option one is this
                                                </label>
                                              </div>
                                              <div class="radio">
                                                <label>
                                                  <input name="optionsRadios" id="optionsRadios2" value="option2" type="radio" />
                                                  Option two can be something else
                                                </label>
                                              </div>
                                            </div>
                                          </div>
                                          <div class="form-group">
                                            <label for="select" class="col-lg-2 control-label">Selects</label>
                                            <div class="col-lg-10">
                                              <select class="form-control" id="select">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                              </select>
                                              <br />
                                              <select multiple="" class="form-control">
                                                <option>1</option>
                                                <option>2</option>
                                                <option>3</option>
                                                <option>4</option>
                                                <option>5</option>
                                              </select>
                                            </div>
                                          </div>
                                          <div class="form-group">
                                            <div class="col-lg-10 col-lg-offset-2">
                                              <button class="btn btn-default">Cancel</button>
                                              <button type="submit" class="btn btn-primary">Submit</button>
                                            </div>
                                          </div>
                                        </fieldset>
                                      </form>

                                </b:column>
                            </b:row>
                        </b:container>
    		</ui:define>
            
            
    		
<!--    		<ui:define name="footer">
    			<h2>This is page1 Footer</h2>
    		</ui:define>-->
    		
    	</ui:composition>
    	
    </h:body>

</html>

